.pxToRem(@p, @px) {
    @{p}: @px / 75 * 1rem;
}
.top{
background: rgb(212,61,61);
  color: #fff;
  display: flex;
  align-items: center;
  
  .sp_1{
      width: 45%;
      a{.pxToRem(font-size,50);
      color: #fff;
      }
      
  }
  .sp_2{
      width: 55%;
       .pxToRem(font-size,50);
       font-weight: bold;
  }
}
.cen{
    background: #ccc;
//  height: 0.7rem;
    display: flex;
    align-items: center;
    .cen_1{
        background: #fff;
       
          display: flex;
          align-items: center;
          width: 90%;
          height: 90%;
          margin-top: 1%;
          margin-left: 5%;
          margin-right: 5%;
          margin-bottom: 1%;
        img{
            width: 5%;
            padding-top: 0.5%;
          } 
      input{
              width: 85%; 
              outline: none;
              border: none;
              .pxToRem(height,30);
             .pxToRem(font-size,20)
            }   
    }
}
.cen__{
    text-align: center;
    ul li{
        padding-top: 10%;
         margin:5% 5% 0;
        a{
        
            background:#ccc;
            margin-left: 2%;
           .pxToRem(padding,5)
        }
        
    }
}

